﻿<style type="text/css">
.img_title{width:100%;height:80px;text-align:center;}
.img_title .img_title_text{margin:30px auto 5px;font-size:24px;}
.img_title .img_title_info{color:#666}
.img_context{width:200px;height:200px; margin:0px auto;}
.img_btn{text-align: center;margin: 20px auto;}
.img_btn .img_btn_sc{background-color: #39f;color: #fff;transition: all 0.3s ease 0s;padding: 5px 40px;}
.img_btn .img_btn_qx{background-color: #fff;color: #39f;border: 1px solid #39f;transition: all 0.3s ease 0s;;padding: 5px 40px;}
</style>
<div class="knowledgebase_select_move_body" >    
    <div class="knowledgebase_select_move_bj" ng-click="close()">
    </div>
    <div class="knowledgebase_select_move" style="width:300px;height:400px;">       
          <div class="knowledgebase_select_move_main">
            <div class="close" ng-click="close()">
                <span>+</span>
            </div>
            <input type="file" id="personlfileimg" accept="image/jpg,image/jpeg,image/png" style="display:none;"/>
            <div class="img_title">
                <div class="img_title_text">编辑头像</div>
                <div class="img_title_info">请调整头像尺寸和位置</div>
            </div>                       
            <div class="img_context" style="background-color: gray;">                  
                <!--截取后所赋值的变量名-->
                <!--是否实时更新用户截取图像的预览,若为否,则会等用户停止动作后更新预览的图像-->
                <!--截取图像框的形状(圆形或正方形)-->
                <!--截取图像框的最小面积-->
                <!--截取后图像的大小-->
                <!--截取后图像的格式-->
                <!--截取后图像的质量-->
                <img-crop image="myImage(imgUrl)" 
                    result-image="resUrl"
                    change-on-fly="true"                            
                    area-type="circle"                                       
                    area-min-size="80"                               
                    result-image-size="200"
                    result-image-format="image/png"                                
                    result-image-quality="1"                                                                          
                    on-change="onChange"                           
                    on-load-begin="onLoadBegin"
                    on-load-done="onLoadDone"
                    on-load-error="onLoadError"                     
                ></img-crop> 
            </div>
            <div class="img_btn">                                
                <button class="btn img_btn_sc" ng-click="imgFileOpen()">上传</button>
                <button class="btn img_btn_qx" ng-click="onSaveImg()">保存</button>            
            </div>                                                 
        </div>
     </div>
    </div>
</div>
